<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head th:replace="_header_include::frag(~{::title},~{::link},~{})">
    <title>我的工作台-电销总监</title>
    <link rel="stylesheet" th:href="@{/css/custom/console/console.css}">
</head>
<body>
<div id="mainDiv"  class="mainPadding consoleStyle" style="display: none;">
    <!-- 工作台 -->
    <el-breadcrumb separator="/" class="elBreadcrumb marginB20">
        <el-breadcrumb-item>Home</el-breadcrumb-item>
        <el-breadcrumb-item>电销管理</el-breadcrumb-item>
        <el-breadcrumb-item>我的工作台</el-breadcrumb-item>
    </el-breadcrumb>
    <el-row>
        <div class="tip">感谢您辛苦工作的第<em>{{workDay}}</em>天，
            组内累计业绩达<em>{{dashboardTeleGroup.sumCumulativePerformance == null || dashboardTeleGroup.sumCumulativePerformance == 0.00 ? '--' : dashboardTeleGroup.sumCumulativePerformance}}</em>元，继续努力！</div>
        <!-- 系统公告 -->
        <div class="affiche marginB20" v-if="afficheBox">
            <span class="f-fl"><img th:src="@{/images/icon_notice.png}" alt="" class="f-fl" style="margin-right: 10px;">系统公告：</span>  
            <div class="f-fl" style="width: 86%;">
                <marquee onmouseover="this.stop()" onmouseout="this.start()">
                    <span style="margin-right: 50px;" v-for="item in items" :key="item.id">{{ item.content }}</span>                
                </marquee> 
            </div>                     
        </div>
        <!-- <div class="title">
            <div class="leftbox f-fl"><img th:src="@{/images/icon_kb.png}" alt="" class="f-fl">数字看板</div>
        </div> -->
        <ul class="board board2">
            <li class="boardStyle0 bg1">
                <div class="cnt">
                    <div class="toptitle">待分配资源</div>
                    <!-- <div class="con">{{assignClueNum}}<em>个</em></div> -->
                    <div class="con"><span style="float: left;">{{dashboardTeleGroup.todayUnallocatedResources == null || dashboardTeleGroup.todayUnallocatedResources == 0.00 ? '--' : dashboardTeleGroup.todayUnallocatedResources}}</span><em style="float: left;height: 78px;line-height: 87px;"></em></div>
                </div>
            </li>
            <li class="boardStyle0 bg2">
                <div class="cnt">
                    <div class="toptitle">今日接收新资源</div>
                    <!-- <div class="con">{{receiveClueNum}}<em>个</em></div> -->
                    <div class="con"><span style="float: left;">{{dashboardTeleGroup.todayAcceptResources == null || dashboardTeleGroup.todayAcceptResources == 0.00 ? '--' : dashboardTeleGroup.todayAcceptResources}}</span><em style="float: left;height: 78px;line-height: 87px;"></em></div>
                </div>
            </li>
            <li class="boardStyle0 bg3">
                <div class="cnt">
                    <div class="toptitle">今日领取资源</div>
                    <!-- <div class="con">{{todaygetClueNum}}<em>个</em></div> -->
                    <div class="con"><span style="float: left;">{{dashboardTeleGroup.todayReceiveResources == null || dashboardTeleGroup.todayReceiveResources == 0.00 ? '--' : dashboardTeleGroup.todayReceiveResources}}</span><em style="float: left;height: 78px;line-height: 87px;"></em></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor1">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日首次邀约数</div>
                        <!-- <div class="con">{{todayAppiontmentNum}}</div> -->
                        <div class="con"><span>{{dashboardTeleGroup.todayFirstInvitation == null || dashboardTeleGroup.todayFirstInvitation == 0.00 ? '--' : dashboardTeleGroup.todayFirstInvitation}}</span><em></em></div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_appointment.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor2">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日首访数</div>
                        <div class="con">{{dashboardTeleGroup.todayFirstVisit == null || dashboardTeleGroup.todayFirstVisit == 0.00 ? '--' : dashboardTeleGroup.todayFirstVisit}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrsfs.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor3">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">今日签约数</div>
                        <div class="con">{{dashboardTeleGroup.todaySign == null || dashboardTeleGroup.todaySign == 0.00 ? '--' : dashboardTeleGroup.todaySign}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrqys.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor4">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">预计明日到访数</div>
                        <!-- <div class="con">{{tomorrowArriveTime}}</div> -->
                        <div class="con">{{dashboardTeleGroup.tomorrowVisit == null || dashboardTeleGroup.tomorrowVisit == 0.00 ? '--' : dashboardTeleGroup.tomorrowVisit}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrsfs.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor5">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">当月首访数</div>
                        <div class="con">{{dashboardTeleGroup.monthFirstVisit == null || dashboardTeleGroup.monthFirstVisit == 0.00 ? '--' : dashboardTeleGroup.monthFirstVisit}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrqys.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor6">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">当月签约数</div>
                        <div class="con">{{dashboardTeleGroup.monthSign == null || dashboardTeleGroup.monthSign == 0.00 ? '--' : dashboardTeleGroup.monthSign}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_jrsfs.png}" alt=""></div>
                </div>
            </li>
            <li class="boardStyle2 bgColor7">
                <div class="cnt">
                    <div class="f-fl">
                        <div class="toptitle">累计邀约数</div>
                        <div class="con">{{dashboardTeleGroup.totalInvitation == null || dashboardTeleGroup.totalInvitation == 0.00 ? '--' : dashboardTeleGroup.totalInvitation}}</div>
                    </div>
                    <div class="f-fr"><img th:src="@{/images/icon_invitation.png}" alt=""></div>
                </div>
            </li>
        </ul>
        <div class="boardTabList">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="当月" name="1">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span>{{dashboardTeleGroup.sumMonthPerformance == null || dashboardTeleGroup.sumMonthPerformance == 0.00 ? '--' : dashboardTeleGroup.sumMonthPerformance}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">事业部排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.monthDepartmentRank == null || dashboardTeleGroup.monthDepartmentRank == 0.00 ? '--' : dashboardTeleGroup.monthDepartmentRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.monthCompanyRank == null || dashboardTeleGroup.monthCompanyRank == 0.00 ? '--' : dashboardTeleGroup.monthCompanyRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距事业部上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.monthDepartmentPerformanceDifference == null || dashboardTeleGroup.monthDepartmentPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.monthDepartmentPerformanceDifference}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.monthCompanyPerformanceDifference == null || dashboardTeleGroup.monthCompanyPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.monthCompanyPerformanceDifference}}</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
                <el-tab-pane label="季度" name="2">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span>{{dashboardTeleGroup.sumQuarterPerformance == null || dashboardTeleGroup.sumQuarterPerformance == 0.00 ? '--' : dashboardTeleGroup.sumQuarterPerformance}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">事业部排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.quarterDepartmentRank == null || dashboardTeleGroup.quarterDepartmentRank == 0.00 ? '--' : dashboardTeleGroup.quarterDepartmentRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.quarterCompanyRank == null || dashboardTeleGroup.quarterCompanyRank == 0.00 ? '--' : dashboardTeleGroup.quarterCompanyRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距事业部上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.quarterDepartmentPerformanceDifference == null || dashboardTeleGroup.quarterDepartmentPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.quarterDepartmentPerformanceDifference}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.quarterCompanyPerformanceDifference == null || dashboardTeleGroup.quarterCompanyPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.quarterCompanyPerformanceDifference}}</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
                <el-tab-pane label="年度" name="3">
                    <ul class="tabUl">
                        <li class="tabLi1">
                            <img th:src="@{/images/icon_achievement.png}" alt="">
                            <div class="name">业绩</div>
                            <div class="num"><span>{{dashboardTeleGroup.sumYearPerformance == null || dashboardTeleGroup.sumYearPerformance == 0.00 ? '--' : dashboardTeleGroup.sumYearPerformance}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi2">
                            <img th:src="@{/images/icon_ranking.png}" alt="">
                            <div class="name">事业部排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.yearDepartmentRank == null || dashboardTeleGroup.yearDepartmentRank == 0.00 ? '--' : dashboardTeleGroup.yearDepartmentRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi3">
                            <img th:src="@{/images/icon_gspm.png}" alt="">
                            <div class="name">公司排名</div>
                            <div class="num">第<span>{{dashboardTeleGroup.yearCompanyRank == null || dashboardTeleGroup.yearCompanyRank == 0.00 ? '--' : dashboardTeleGroup.yearCompanyRank}}</span>名</div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi4">
                            <img th:src="@{/images/icon_disparity.png}" alt="">
                            <div class="name">距事业部上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.yearDepartmentPerformanceDifference == null || dashboardTeleGroup.yearDepartmentPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.yearDepartmentPerformanceDifference}}</span><em>元</em></div>
                            <div class="line"></div>
                        </li>
                        <li class="tabLi5">
                            <img th:src="@{/images/icon_yjc.png}" alt="">
                            <div class="name">距公司上一名业绩差</div>
                            <div class="num"><span>{{dashboardTeleGroup.yearCompanyPerformanceDifference == null || dashboardTeleGroup.yearCompanyPerformanceDifference == 0.00 ? '--' : dashboardTeleGroup.yearCompanyPerformanceDifference}}</span><em>元</em></div>
                        </li>
                    </ul>
                </el-tab-pane>
            </el-tabs>
        </div>
        <!-- <ul class="boardTab">
            <li>
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="当月" name="1">
                        <img th:src="@{/images/icon_achievement.png}" alt="">
                        <div class="name">当月业绩</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="季度" name="2">
                        <img th:src="@{/images/icon_achievement.png}" alt="">
                        <div class="name">季度业绩</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="年度" name="3">
                        <img th:src="@{/images/icon_achievement.png}" alt="">
                        <div class="name">年度业绩</div>
                        <div class="num"></div>
                    </el-tab-pane>
                </el-tabs>
            </li>
            <li class="boardTabStyle2">
                <el-tabs v-model="activeName2" @tab-click="handleClick">
                    <el-tab-pane label="当月" name="1">
                        <img th:src="@{/images/icon_ranking.png}" alt="">
                        <div class="name">事业部内排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="季度" name="2">
                        <img th:src="@{/images/icon_ranking.png}" alt="">
                        <div class="name">事业部内排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="年度" name="3">
                        <img th:src="@{/images/icon_ranking.png}" alt="">
                        <div class="name">事业部内排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                </el-tabs>
            </li>
            <li class="boardTabStyle3">
                <el-tabs v-model="activeName3" @tab-click="handleClick">
                    <el-tab-pane label="当月" name="1">
                        <img th:src="@{/images/icon_disparity.png}" alt="">
                        <div class="name">距事业部上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="季度" name="2">
                        <img th:src="@{/images/icon_disparity.png}" alt="">
                        <div class="name">距事业部上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="年度" name="3">
                        <img th:src="@{/images/icon_disparity.png}" alt="">
                        <div class="name">距事业部上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                </el-tabs>
            </li>
            <li class="boardTabStyle4">
                <el-tabs v-model="activeName4" @tab-click="handleClick">
                    <el-tab-pane label="当月" name="1">
                        <img th:src="@{/images/icon_gspm.png}" alt="">
                        <div class="name">公司排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="季度" name="2">
                        <img th:src="@{/images/icon_gspm.png}" alt="">
                        <div class="name">公司排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="年度" name="3">
                        <img th:src="@{/images/icon_gspm.png}" alt="">
                        <div class="name">公司排名</div>
                        <div class="num"></div>
                    </el-tab-pane>
                </el-tabs>
            </li>
            <li class="boardTabStyle5">
                <el-tabs v-model="activeName5" @tab-click="handleClick">
                    <el-tab-pane label="当月" name="1">
                        <img th:src="@{/images/icon_yjc.png}" alt="">
                        <div class="name">距公司上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="季度" name="2">
                        <img th:src="@{/images/icon_yjc.png}" alt="">
                        <div class="name">距公司上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                    <el-tab-pane label="年度" name="3">
                        <img th:src="@{/images/icon_yjc.png}" alt="">
                        <div class="name">距公司上一名业绩差</div>
                        <div class="num"></div>
                    </el-tab-pane>
                </el-tabs>
            </li>
        </ul> -->
        <!-- 消息提醒 -->
        <dialog-console :param="consoleNewsParam"></dialog-console>               
    </el-row>
    <!-- 工作台结束 -->
    <!-- 待分配资源 -->
    <el-row>
        <div class="title">
            <div class="leftbox f-fl">待分配资源</div>
            <div class="rightbox f-fr">
                <img th:src="@{/images/icon_arrow.png}" alt="" class="f-fr">
                <span class="f-fr" @click="gotoPendingAllocation">进入待分配资源列表</span>
                <el-button type="primary" size="small" class="f-fr btn" @click="toAllocationClue">快速分配资源</el-button>
            </div>
        </div>
        <el-row class="mainWhiteBg mainWhitePadding">
            <el-table 
                ref="multipleTable"
                tooltip-effect="dark"
                style="width: 100%"
                border
                :data="dataTable" 
                @selection-change="handleSelectionChange"
                @row-dblclick="showClueDetailInfo"
                >
                <el-table-column align="center" type="selection"  prop="clueId"  width="55"></el-table-column>
                <el-table-column align="center" prop="cusName" label="客户姓名" width="130"></el-table-column>
                <el-table-column align="center" prop="searchWord" label="搜索词"></el-table-column>
                <!-- <el-table-column align="center" prop="projectName" label="资源项目"></el-table-column> -->
                <el-table-column align="center" prop="category" label="资源类别" width="150"></el-table-column>
                <el-table-column align="center" prop="type" label="资源类型" width="150"></el-table-column>
                <el-table-column align="center" prop="repeatPhones" label="重复手机号资源" width="110">
                    <template slot-scope="scope">
                        <div v-if="scope.row.isRepeatPhone ==1">
                           <el-button @click="showRepeatPhone(scope.row)" type="text" size="small">点击查看</el-button>
                        </div>
                        <div v-else></div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="createTime" label="创建时间" width="130"></el-table-column>
                <el-table-column align="center" prop="phone" label="手机号" width="100"></el-table-column>                
                <el-table-column align="center" prop="messagePoint" label="留言重点"></el-table-column>
                <el-table-column align="center" prop="messageTime" label="留言时间" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源专员" width="130"></el-table-column>
            </el-table>
            <table-pagination :pager="pager" @change="searchTable"></table-pagination>
        </el-row>
    </el-row>
    <!-- 重复手机号资源表格 -->
    <el-dialog :title="'资源ID'+dailogTitleType+'重复手机号资源信息'" :visible.sync="repeatPhonesDialog" width="1160px">
        <div v-show="showPhoneTable">
            <span>手机号<span style="color: red">(1)</span>{{phone}}重复手机号资源</span>
            <el-table ref="singleTable" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="130">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable2">
            <span>手机号<span style="color: red">(2)</span>{{phone2}}重复手机号资源</span>
            <el-table ref="singleTable2" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable2">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable3">
            <span>手机号<span style="color: red">(3)</span>{{phone3}}重复手机号资源</span>
            <el-table ref="singleTable3" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable3">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable4">
            <span>手机号<span style="color: red">(4)</span>{{phone4}}重复手机号资源</span>
            <el-table ref="singleTable4" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable4">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
        <div v-show="showPhoneTable5">
            <span>手机号<span style="color: red">(5)</span>{{phone5}}重复手机号资源</span>
            <el-table ref="singleTable5" tooltip-effect="dark" style="width: 100%" border :data="repeatPhonesTable5">
                <el-table-column align="center" type="index" width="55" label="序号"></el-table-column>
                <el-table-column align="center" prop="createTime" label="资源创建时间" width="150">
                    <template slot-scope="scope">
                        <div v-if="scope.row.phase == 1 || scope.row.phase == 2">
                            <font color="red">「重话务」</font>{{scope.row.createTime}}
                        </div>
                        <div v-else>
                            {{scope.row.createTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="phoneChangeTime" label="联系方式创建时间" width="150"></el-table-column>
                <el-table-column align="center" prop="teleDirectorName" label="电销总监" width="130"></el-table-column>
                <el-table-column align="center" prop="teleSaleName" label="电销顾问" width="130"></el-table-column>
                <el-table-column align="center" prop="teleGorupName" label="电销组" width="130"></el-table-column>
                <el-table-column align="center" prop="teleReceiveTime" label="分配时间" width="170">
                    <template slot-scope="scope">
                        <div v-if="scope.row.teleReceiveSource == 1 || scope.row.teleReceiveSource == 2">
                            {{scope.row.teleReceiveTime}}(分配)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===3">
                            {{scope.row.teleReceiveTime}}(领取)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===4">
                            {{scope.row.teleReceiveTime}}(自建)
                        </div>
                        <div v-else-if="scope.row.teleReceiveSource ===5">
                            {{scope.row.teleReceiveTime}}(分发)
                        </div>
                        <div v-else>
                            {{scope.row.teleReceiveTime}}
                        </div>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="fowEndTime" label="最新跟进时间"></el-table-column>
                <el-table-column align="center" prop="teleProject" label="电销组负责项目"></el-table-column>
                <el-table-column align="center" prop="createUserRoleName" label="资源创建人角色" width="130"></el-table-column>
                <el-table-column align="center" prop="createUserName" label="资源创建人" width="110"></el-table-column>
            </el-table>
        </div>
    </el-dialog>

    <!-- 分配资源 -->
    <el-dialog  title="分配资源"  :visible.sync="allocationVisible">
        <template>
            <el-form :model="allocationForm" ref="allocationForm" :rules="allocationFormRules">
                <el-form-item label="电销顾问" :label-width="formLabelWidth"  prop="saleId">
                    <el-select v-model="allocationForm.saleId" placeholder="组内电销顾问" style="width: 80%" filterable>
                        <el-option v-for="item in saleOptions" 
                            :key="item.id" 
                            :label="item.name" 
                            :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="allocationClue('allocationForm')" :disabled="btnDisabled">提 交</el-button>
                <el-button  @click="allocationVisible = false">取 消</el-button>
            </div>
        </template>
    </el-dialog>
</div>
<!-- import common js-->
<div th:include="_footer_include :: #jsLib"></div>
<script th:inline="javascript">
    var saleList=[[${saleList}]];//电销顾问
    var clueCategoryList=[[${clueCategoryList}]];//资源类别
    var clueTypeList=[[${clueTypeList}]];//资源类型
    var dashboardTeleGroup = [[${dashboardTeleGroup}]]
</script>
<script th:src="@{/js/custom/console/consoleTelMajordomo.js?v=2.0.0}"></script>
</body>
</html>